feat(web): rebuild the home page around one number - #1004

… page

The home page showed two currency tiles and one table, leaving most of the
viewport empty and saying little about the organization.

It now shows four tiles — total balance, today's volume, wallets and tokens held
— plus a per-token balance breakdown ordered largest first. All of it comes from
the wallet aggregate the page already fetched and previously discarded after
summing, so this adds no request and no latency.

Bars scale against the largest holding rather than the total, so a small position
next to a dominant one stays visible instead of rounding to nothing. Token
symbols go through the shared label resolver with the symbols the balances carry,
so org-issued tokens are named rather than shown as shortened mints. The route
skeleton now draws four tiles so the grid does not reflow on load.

Four equal tiles gave the balance, the day's volume, a wallet count and a token
count the same visual weight, so the page answered no question first — the reader
had to pick one. Total balance is what someone opening a custody dashboard came
for, so it now leads at roughly twice the type size, with the other three as
context beneath it and the primary actions in the same block rather than floating
above the page. The token allocation folds into the same card, so the whole money
picture is one object instead of three.

An organization with no wallets no longer gets four zeroes each with its own
apologetic hint, which reads as a broken dashboard rather than a new one. It gets
one instruction and the button beside it.

Extracting the hero took the workspace under the cognitive-complexity threshold, so
its biome-ignore no longer suppresses anything, and the tile grid took the day's
volume hint with it.

Three changes to the same card.

Token marks replace the colour swatches. The repo already ships brand SVGs under
public/token-logos and a TokenMark component that falls back to a tinted monogram,
so an organization's own issued tokens get a mark too rather than a bare square.

The secondary figures were 15px against a 46px balance, which read as fine print
rather than as the three numbers someone actually scans. They are now 22px.

The bar and the list are one object: hovering either a segment or its row lifts
that holding and drops the others to 35 percent. Segments are buttons so the same
highlight follows keyboard focus, and each carries its share in an accessible
label.

Mouse handlers on a plain element are a keyboard trap and biome flags them. The
segment button already owns the interaction and drives the dim-others linkage;
the row now mirrors it with a CSS hover instead of its own handlers.

Three follow-ups on the balance card.

The unpriced list was uncapped. An organization issuing a dozen of its own tokens
turned the card into a ledger, so it now lists the largest few and counts the
rest, the same way the priced side already folded into Other.

Home no longer paints a 36px page title. The sidebar marks Home active and the
page opens on a balance, so the heading said nothing the reader could not see; it
is now rendered sr-only, which keeps it for assistive tech. Only the home route
changed — a wallet detail or a new API key still needs its title for orientation.

The route skeleton still drew the retired four-tile grid, so the layout jumped on
load. It now mirrors the hero: balance, three context figures, the allocation bar
and its rows.

The activity table squeezed Token and Amount into fixed 8rem and 10rem columns
while Address took every remaining pixel, so both truncated with space to spare.
Amount also repeated the token beside a column that already named it, which is how
a row read "132.5 Ackroo…tPc9" twice over.

Amount is now numeric, right aligned and tabular, Token carries its mark, and the
freed width goes to Address. The mobile card keeps the symbol on the amount,
because it has no separate token column to lean on.

Page titles are hidden on the top-level list routes. The sidebar already names the
active section, so a 36px heading repeating it spent vertical space saying nothing.
Detail and action routes keep theirs — the centred title beside a back action is
the only orientation those have. Hiding is now visual only: the top bar renders an
sr-only h1 in place of the visible one, so every page still has exactly one
heading for assistive tech and for the tests that look one up.